<!DOCTYPE html>
<html lang="en">
<style>
    .gritter-item{
        background-color: black;
        !important;
    }
    .gritter-notice-wrapper{
        background-color: black;
        !important;
    }
    .gritter-top{
        background-color: black;
    !important;
    }
    .indexs{
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        margin-top: 6%;
        margin-bottom: 1%;
    }
    .indexs .in{
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        margin-top: 8%;
        margin-bottom: 1%;
    }
    .hou{
        background-color: #fff;
    }
    #container {
        background-color: #fff;
    }
</style>
<!--图表-->
<link href="__PUBLIC__/ds/assets/css/theme-cake.css" rel="stylesheet" />
<link href="__PUBLIC__/ds/assets/css/styleicon.css" rel="stylesheet" />
<link id="beyond-link" href="__PUBLIC__/ds/assets/css/beyond.min.css" rel="stylesheet" type="text/css" />
<script src="__PUBLIC__/ds/assets/js/chart-master/Chart.js"></script>
<!--header-->
<include file="Public:header"/>
<!--header-->
    <section id="main-content" style="margin-top: -800px;">
        <section class="wrapper hou">
            <div class="indexs">
                <div>
                    <img src="__PUBLIC__/img/logo.png" alt="">
                </div>

                <div class="in">
                    欢迎进入{$nn}管理平台
                </div>
            </div>
        </section>

    </section>


</section>

<include file="Public:footer" />

<script src="__PUBLIC__/ds/assets/js/jquery.sparkline.js"></script>
<script type="text/javascript" src="__PUBLIC__/ds/assets/js/gritter/js/jquery.gritter.js"></script>
<script type="text/javascript" src="__PUBLIC__/ds/assets/js/gritter-conf.js"></script>
<script src="__PUBLIC__/ds/assets/js/sparkline-chart.js"></script>
<script src="__PUBLIC__/ds/assets/js/zabuto_calendar.js"></script>
<script src="__PUBLIC__/ds/assets/js/echarts.js"></script>
<script src="__PUBLIC__/ds/assets/js/china.js"></script>

<script type="text/javascript">
    /*$(document).ready(function () {
        var unique_id = $.gritter.add({
            // (string | mandatory) the heading of the notification
            title: '欢迎登录中青后台管理中心',
            // (string | mandatory) the text inside the notification
            text: '后台信息操作请谨慎，以免造成前台页面信息显示问题',
            // (string | optional) the image to display on the left
            image: '__PUBLIC__/img/jg.jpg',
            // (bool | optional) if you want it to fade out on its own or just sit there
            sticky: true,
            // (int | optional) the time you want it to be alive for before fading out
            time: '',
            // (string | optional) the class name you want to apply to that specific message
            class_name: 'my-sticky-class'
        });

        return false;
    });*/
    $(function () {
        check();
    })
    var index=10;
    function check(){
        //document.getElementById("times").innerHTML=index;
        index--;
        if(index<0){
            $.ajax({
                type:"post",
                url:"{:U('evers')}",
                success:function (res) {
                    var evers = res;
                    $("#evers").html(evers+'人');
                    window.setTimeout("check()",10000);
                }
            })
        }else{
            window.setTimeout("check()",1000);
        }
    }
</script>

<script type="application/javascript">
    $(document).ready(function () {
        $("#date-popover").popover({html: true, trigger: "manual"});
        $("#date-popover").hide();
        $("#date-popover").click(function (e) {
            $(this).hide();
        });

        $("#my-calendar").zabuto_calendar({
            action: function () {
                return myDateFunction(this.id, false);
            },
            action_nav: function () {
                return myNavFunction(this.id);
            },
            ajax: {
                url: "show_data.php?action=1",
                modal: true
            },
            legend: [
                {type: "text", label: "Special event", badge: "00"},
                {type: "block", label: "Regular event", }
            ]
        });
    });


    function myNavFunction(id) {
        $("#date-popover").hide();
        var nav = $("#" + id).data("navigation");
        var to = $("#" + id).data("to");
        console.log('nav ' + nav + ' to: ' + to.month + '/' + to.year);
    }
</script>

<script type="text/javascript">
    $(window).bind("load", function () {

        /*Sets Themed Colors Based on Themes*/
        themeprimary = getThemeColorFromCss('themeprimary');
        themesecondary = getThemeColorFromCss('themesecondary');
        themethirdcolor = getThemeColorFromCss('themethirdcolor');
        themefourthcolor = getThemeColorFromCss('themefourthcolor');
        themefifthcolor = getThemeColorFromCss('themefifthcolor');
        InitiateRealTimeChart.init();
    });
    $(window).bind("load", function () {

        /*Sets Themed Colors Based on Themes*/
        themeprimary = getThemeColorFromCss('themeprimary');
        themesecondary = getThemeColorFromCss('themesecondary');
        themethirdcolor = getThemeColorFromCss('themethirdcolor');
        themefourthcolor = getThemeColorFromCss('themefourthcolor');
        themefifthcolor = getThemeColorFromCss('themefifthcolor');

        //Sets The Hidden Chart Width
        $('#dashboard-bandwidth-chart')
                .data('width', $('.box-tabbs')
                                .width() - 20);

        //================扇形图男女占比
        var data = [
            {
                data: [[1, {$boy}]],
                color: '#a0d468'
            },
            {
                data: [[1, {$gril}]],
                color: '#ffce55'
            },
            {
                data: [[1, {$wei_zhi}]],
                color: '#fb6e52'
            }
        ];
        var placeholder = $("#dashboard-pie-chart-sources");
        placeholder.unbind();
        $.plot(placeholder, data, {
            series: {
                pie: {
                    innerRadius: 0.45,
                    show: true,
                    stroke: {
                        width: 4
                    }
                }
            }
        });
        //-------------------------Initiates Easy Pie Chart instances in page--------------------//
        InitiateEasyPieChart.init();

        //-------------------------Initiates Sparkline Chart instances in page------------------//
        InitiateSparklineCharts.init();
    });
</script>
</body>
</html>
